﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>加分扣分管理</title>
    <link href="/static/css/layout.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/cb.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/n.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css"
          href="/static/easyui/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="/static/easyui/themes/icon.css"/>
    <link rel="stylesheet" type="text/css" href="/static/easyui/demo/demo.css"/>
    <link rel="stylesheet" type="text/css"
          href="/static/js/laypage/skin/laypage.css"/>

    <script type="text/javascript" src="/static/easyui/jquery.min.js"></script>
    <script src="/static/js/vue/vue.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/js/laypage/laypage.js"></script>
    <script type="text/javascript" src="/static/laydate/laydate.js"></script>
    <script type="text/javascript" src="/static/js/examine.js"></script>
</head>
<body>
<div id="app">
    <table width="99%" border="0" align="center" cellpadding="0"
           cellspacing="0">
        <tr>
            <td width="1%" align="left" background="/static/images/b2.jpg"><img
                    src="/static/images/b1.jpg" width="10" height="26"/></td>
            <td width="68%" background="/static/images/b2.jpg">
                <table width="124"
                       border="0" align="left" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="20" align="left"><img src="/static/images/tz.gif"
                                                         width="10" height="16"/></td>
                        <td width="104" align="left" class="biao">查找加分扣分信息</td>
                    </tr>
                </table>
            </td>
            <td width="31%" align="right" background="/static/images/b2.jpg"><img
                    src="/static/images/b3.jpg" width="9" height="26"/></td>
        </tr>
    </table>
    <table width="99%" border="0" align="center" cellpadding="3"
           cellspacing="1" bgcolor="#AEDEF4">
        <tr>
            <td align="center" bgcolor="#E2F7FE">
                <form id="form1" name="form1" method="post" action="">
                    <table width="80%" border="0" cellspacing="1" cellpadding="3">
                        <tr>
                            <td width="10%" align="right">矫正单位:</td>
                            <td width="10%" align="left">
                                <input type="text" id="cunit" size="15"/>
                            </td>
                            <td width="10%" align="right">姓名:</td>
                            <td width="10%" align="left">
                                <input type="text" id="cname" size="15"/>
                            </td>
                            <td width="10%" align="right">类别:</td>
                            <td width="10%" align="left">
                                <select id="cclazz">
                                    <option value="">任意</option>
                                    <option value="加分" id="jf">加分</option>
                                    <option value="扣分" id="kf">扣分</option>
                                </select>
                            </td>
                            <td width="10%" align="right">加扣日期:</td>
                            <td width="10%" align="left">
                                <input placeholder="请选择日期" class="laydate-icon" onclick="laydate()" id="cdate"/>
                            </td>
                            <td width="5%" align="center">
                                <input type="button" onclick="queryBonusPoints()" value="查找"/>
                            </td>
                            <td width="35%" align="right">
                                <input type="button" onclick="addBonusPoints()" value="增加记录"/>
                                <input type="button" onclick="downloadBonusPoints()" value="导出Excel"/>
                            </td>
                        </tr>
                    </table>
                </form>
            </td>
        </tr>
    </table>

    <table width="50%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="5"></td>
        </tr>
    </table>
    <table width="99%" border="0" align="center" cellpadding="0"
           cellspacing="0">
        <tr>
            <td width="1%" align="left" background="/static/images/b2.jpg"><img
                    src="/static/images/b1.jpg" width="10" height="26"/></td>
            <td width="68%" background="/static/images/b2.jpg">
                <table width="124"
                       border="0" align="left" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="20" align="left">
                            <img src="/static/images/tz.gif" width="10" height="16"/>
                        </td>
                        <td width="104" align="left" class="biao">加分扣分信息列表</td>
                    </tr>
                </table>
            </td>
            <td width="31%" align="right" background="/static/images/b2.jpg"><img
                    src="/static/images/b3.jpg" width="9" height="35px"/></td>
        </tr>
    </table>
    <table width="99%" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#AEDEF4"
           style="border: 1px solid #AEDEF4">
        <thead>
        <tr>
            <td width="4%" height="35px" align="center" bgcolor="#b5feb9">
                <input type="checkbox" id="allcheck" name="allcheck"/>
            </td>
            <td width="5%" height="35px" align="center" bgcolor="#b5feb9">序号</td>
            <td align="center" width="15%" bgcolor="#b5feb9">矫正单位</td>
            <td align="center" width="10%" bgcolor="#b5feb9">姓名</td>
            <td align="center" width="15%" bgcolor="#b5feb9">加扣分日期</td>
            <td align="center" width="" bgcolor="#b5feb9">加扣类别</td>
            <td align="center" width="10%" bgcolor="#b5feb9">加扣分数</td>
            <td align="center" width="10%" bgcolor="#b5feb9">管理操作</td>
        </tr>
        </thead>
        <tbody>
        <tr v-for="(item,index) in result"
            onmouseout="this.style.backgroundColor='#ffffff'" bgcolor="#ffffff"
            onmouseover="this.style.backgroundColor='#E6F2FF'">
            <td height="35px" align="center">
                <input type="checkbox" name="check" :value="item.id"/>
            </td>
            <td height="35px" align="center">{{index+1}}</td>
            <td align="center" class="t5">
                <div align="center">
                    <strong>{{item.jname}}</strong>
                </div>
            </td>
            <td align="center">{{item.cname}}</td>
            <td align="center">{{item.date}}</td>
            <td align="center" v-if="item.clazz=='扣分'" style="color: red">{{item.clazz}}</td>
            <td align="center" v-if="item.clazz=='加分'" style="color: green">{{item.clazz}}</td>
            <td align="center" v-if="item.clazz=='扣分'" style="color: red">{{item.point}}</td>
            <td align="center" v-if="item.clazz=='加分'" style="color: green">{{item.point}}</td>
            <td align="left">
                <div align="left" style="padding-left: 5px">
                    <div align="center">
                        <input type="button" @click="checkBonusPoints(item.id)" value="查看"/>
                        <input type="button" @click="editBonusPoints(item.id)" value="修改"/>
                        <input type="button" @click="delBonusPoints(item.id)" value="删除"/>
                    </div>
                </div>
            </td>

        </tr>
        <tr>

            <td colspan="8" align="center">
                <div id="pagediv"></div>
            </td>
        </tr>
        </tbody>
    </table>
    <!-- 增加加分扣分记录弹出框 -->
    <div id="addbonuspoints" style="background-color: #AEDEF4"></div>
    <!-- 查看加分扣分记录弹出框 -->
    <div id="checkbonuspoints" style="background-color: #AEDEF4"></div>
    <!-- 修改加分扣分记录弹出框 -->
    <div id="editbonuspoints" style="background-color: #AEDEF4"></div>
</div>

<script>
    var app = new Vue({
        el: '#app',
        data: {
            result: []
        }
    });
    //获取加分扣分记录列表
    getBonusPointsList();
</script>
</body>
</html>